<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤项</title>
    <script>
        function confirmDialog(id){
            if(confirm("还要继续吗？")){
                alert(id);
                location.href = "http://baidu.com";
            }else{
                alert("再见");
            }
        }

        function promptDialog(){
            var id = prompt("请输入需要删除的id：");
            location.href = "/alter/alterLastDate/"+id;
        }
    </script>

</head>
<body>

    <h2>过滤表</h2>
    <table class="table table-bordered" border="1xp">
        <tr>
            <th>id</th>
            <th>过滤名称</th>
            <th>过滤内容</th>
            <th>状态</th>
            <th>时间</th>
            <th>过滤说明</th>
            <th>操作</th>
        </tr>
        {% for Filter in FilterDate %}
            <tr>
                <td>{{ Filter.id }}</td>
                <td>{{ Filter.filterName }}</td>
                <td>{{ Filter.filterHost }}</td>
                <td>{{ Filter.filterRedmin }}</td>
                <td>
                  <a href="/alter/filterdeleteDate/{{Filter.id}}">启动</a>
                  <a href="/alter/filterdeleteDate/{{Filter.id}}">停止</a>
                  <input type="button" value="删除" onclick="promptDialog()" />
                </td>
            </tr>
        {% endfor %}
    </table>
    <br>
    <br>
    <h3>修改过滤数据:ID为0时,新增数据.ID=id时,更新数据</h3>
    <div class="container">
        <form class="table table-bordered" action="/alter/filteraddDate" method="post">
            表格__id: <input type="text" name="id"  value="0"><br>
            过滤规则: <input name="filterName" value="" ><br>
            过滤内容: <input name="filterHost" style="width: 800px;height:20px;"><br>            
            过滤说明: <input name="filterRedmin" style="width: 800px;height:20px;"><br>
        <button type="submit" >提交</button>
        </form>
    </div>
    <h3>指定时间段过滤</h3>
    <form action="demo-form.php">
        开始时间段:<input type="datetime-local" name="bdaytime">
        -结束时间段:<input type="datetime-local" name="bdaytime">
        <input list="browsers" name="type">
        <datalist id="browsers">
          <option value="time">
          <option value="severity">
        </datalist>
        


    </form><br>


    <br>
    <br>
    <br>
    <br>
    <br>

    <h2>prometheus响铃告警规则,只读</h2>
    <p>1.新增告警超过10条</p>
    <p>2.mysql连接数2分钟超过80%</p>
    <p>3.mysqldown</p>
    <p>4.P2Pload</p>
    <p>5.P2P在线为0</p>
    <p>6.slb带宽突增大于20%</p>
    <p>7.kafka5分钟都大于3万堆积</p>
    <p>8.磁盘小于3%</p>
    <p>9.down告警10分钟后任存在</p>
    <p>10.node挂掉了</p>
</body>
</html>



